#define layout()
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>#(SEO_TITLE ?? (WEB_TITLE + '-' + WEB_SUBTITLE))</title>
    <meta name="keywords" content="#(SEO_KEYWORDS ??)">
    <meta name="description" content="#(SEO_DESCRIPTION ??)">
    <meta name="template" content="Perfree-Simple">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <!-- 引入资源文件 -->
    #include("./_resources.html")
</head>
<body id="web-body">
#if(option('page_background_color') != null)
    <script>$("#web-body").css("background-color","#option('page_background_color')");</script>
#end
#if(option('page_bacground-img') != null)
    <script>$("#web-body").css("background-image","url(#option('page_bacground-img'))");</script>
#end
<div style="overflow-x: hidden;min-height: 100%;">
    <!-- 引入顶部导航栏 -->
    #include("./_headerBar.html")

    <!-- 内容部分start -->
    <div class="layui-container perfree-content layui-anim-up">
        <!-- 一言组件手机端，电脑端不展示start -->
        <div class="layui-card phone-yiyan-box">
            <div class="layui-card-body page-title-body">
                <h2>#(WEB_NAME ??)</h2>
                <div>
                    <script type="text/javascript" src="https://api.lwl12.com/hitokoto/v1?encode=js&charset=utf-8"></script>
                    <span id="lwlhitokoto">
                    <script>lwlhitokoto()</script>
                </span>
                </div>
            </div>
        </div>
        <!-- 一言组件手机端，电脑端不展示end -->
        <!-- 引入内容 -->
        #@content()
        <!-- 引入右侧边栏 -->
        #include("./_rightBar.html")
    </div>
    <!-- 引入底栏 -->
    #include("./_footBar.html")
</div>
<!-- 内容部分end -->
<!-- 遮罩start -->
<div class="mask"></div>
<!-- 遮罩end -->
<script id="load-js-code">
    //初始化layui,返回顶部按钮
    layui.use(['util','element'], function(){
        var util = layui.util,element = layui.element;;
        util.fixbar({});
    });
    $('.tag').each(function(){
        $(this).css("background-color",getRandomColor());
    })
    function getRandomColor(){
        return '#'+(Math.random()*0xffffff<<0).toString(16);
    }
</script>
#if(option('page_pjax') == null || option('page_pjax') == true)
<script>
    //设置pjax
    var pjax = new Pjax({
        elements: ".pjax,form",
        selectors: [
            "title",
            "meta[name=description]",
            ".loadJs",
            ".perfree-content-left",
            ".right-hot-article-box",
            ".right-hot-tag",
            ".layui-footer",
            ".header-logout",
            "#load-js-code"
        ]
    })
    var index;
    document.addEventListener('pjax:send', function () {
        index = layer.load();
    });
    document.addEventListener('pjax:success', function() {
        layer.close(index);
    });
    document.addEventListener('pjax:error', function() {
        layer.msg("系统出现问题,请刷新网页");
    });
</script>
#end
<!-- 自定义js代码 -->
#option('page_js_code' ??)
</body>
</html>
#end